iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 1
0
Mobile Development

30天用React native製作app!!系列 第 1

[蚊子的Day1]30天用React Native製作一款迎新活動app

  • 分享至 

  • xImage
  •  

前言

這是我第一次開發app,選擇用React Native來開發app的原因是因為其排版的架構跟網頁製作的原理相似,且可用很接近CSS的語法給予樣式,接下來來介紹一下我準備要做的專案吧~

設計動機

還記得當年剛進入大學的時候,因為系辦很小且位在角落,所以花了點時間才發現它;我們系上管理了一些空間,常常聽到師長和學長姐們提起這是不可不知的地方,但實際上我到大二的時候才實際知道這個空間在哪裡(在超偏僻的校園角落),所以,為了讓未來的大一新生可以快速融入系上,我規劃的這款app。

設計構想

透過解任務的形式,跟新生介紹系上的資源,可與迎新活動搭配。
任務分兩部分:
1. 地點篇:
任務所列出的地點皆為系上管理的空間,app內有地點的介紹以及借用的方法,使用者可藉由app內的提示去到該地點並找出該地點的代碼,將代碼輸入進app後即可完成任務。
2. 資訊聯絡篇:
任務列出的網站為系辦及系學會所經營的,有公告系上重要資訊的網站,以及可與學長姐交流的fb社團,使用者將任務所列網站的網址輸入app即可完成任務。
https://ithelp.ithome.com.tw/upload/images/20200907/20129575YAxZfWLwAA.png


下一篇
[蚊子的Day2]React Native環境安裝
系列文
30天用React native製作app!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言